<template>
        <div class="wrap">
          <div class="item">
          	 <div class="item_top" @click="link('orderStatus/detail')">
          	 	<div class="a">
          	 		<img src="../../../../static/img/2.jpg" alt="" />
          	 	</div>
          	 	<div class="b">
          	 		<div class="b1">测试测试测试测</div>
          	 		<div class="b2">&yen;36.00</div>
          	 		<div class="b3">
          	 			<van-icon name="passed" class="b3_1"/>
          	 			<span>交易成功</span>
          	 		</div>
          	 	</div>
          	 </div>
          	 <div class="item_bottom">
                 <div class="c">
                 	<van-icon name="chat-o" size='20' class="icon"/>
                 	<span>联系卖家</span>
                 </div>
                 <div class="d">
                 	<van-button plain  size="small" class="d_btn">查看钱款</van-button>
                 	<van-button plain  size="small" class="d_btn">评价</van-button>
                 </div>
          	 </div>
          </div>
          <div class="item">
          	 <div class="item_top" @click="link('orderStatus/detail')">
          	 	<div class="a">
          	 		<img src="../../../../static/img/2.jpg" alt="" />
          	 	</div>
          	 	<div class="b">
          	 		<div class="b1">测试测试测</div>
          	 		<div class="b2">&yen;36.00</div>
          	 		<div class="b3">
          	 			<van-icon name="passed" class="b3_1"/>
          	 			<span>交易成功</span>
          	 		</div>
          	 	</div>
          	 </div>
          	 <div class="item_bottom">
                 <div class="c">
                 	<van-icon name="chat-o" size='20' class="icon"/>
                 	<span>联系卖家</span>
                 </div>
                 <div class="d">
                 	<van-button plain  size="small" class="d_btn">查看钱款</van-button>
                 	<van-button plain  size="small" class="d_btn">删除订单</van-button>
                 </div>
          	 </div>
          </div>
          <div class="item">
          	 <div class="item_top" @click="link('orderStatus/detail')">
          	 	<div class="a">
          	 		<img src="../../../../static/img/2.jpg" alt="" />
          	 	</div>
          	 	<div class="b">
          	 		<div class="b1">测试测</div>
          	 		<div class="b2">&yen;36.00</div>
          	 		<div class="b3">
          	 			<van-icon name="passed" class="b3_1"/>
          	 			<span>交易成功</span>
          	 		</div>
          	 	</div>
          	 </div>
          	 <div class="item_bottom">
                 <div class="c">
                 	<van-icon name="chat-o" size='20' class="icon"/>
                 	<span>联系卖家</span>
                 </div>
                 <div class="d">
                 	<van-button plain  size="small" class="d_btn">查看钱款</van-button>
                 	<van-button plain  size="small" class="d_btn" icon="ellipsis">
                 		
                 	</van-button>
                 </div>
          	 </div>
          </div>
   
        </div>
	  	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
          userId:0,
          url1:this.$api+'/marketorderservice/api/v1/market/pageListOrders'
       }
	},
	methods: {	
       getData(){
       	     let that=this
	    	 that.$Axios.Post(that.url1,{userId:that.userId})
	    	 .then(function(result){
	    	 	console.log(result)	    	 	
	    	 })       	
       }
	},
	mixins:[publicFun],//混入	
	mounted() {
	   this.userId=this.$router.currentRoute.query.userId;	
	   this.getData()	
	}
}	
</script>

<style scoped="">
.wrap{background: #f5f5f5;padding: 15px 15px 15px;}
.item{background: #fff;padding: 15px 0 0;margin-bottom: 10px;}
.item:nth-last-child(1){margin-bottom: 0;}
.item_top{display: flex;padding: 0 15px 10px;border-bottom:1px solid #f4f4f4 ;}
.item_top .a>img{height: 100px;width: 100px;border-radius: 6px;}
.item_top .b{margin-left: 15px;flex: 1;}
.item_top .b .b1{font-size: 18px;font-weight: bold;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.item_top .b .b2{font-size: 16px;color: #fe5656;margin-top: 5px;font-weight: bold;}
.item_top .b .b3{color: #bbb;margin-top: 5px;}
.b3_1{vertical-align: -2px;font-weight: bold;opacity: 0.8;}
.item_bottom{padding: 10px;display: flex;justify-content: space-between;align-items: center;}
.icon{vertical-align: -5px;}
.c{color: #999}
</style>